<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米账号 - 登陆</title>
    <link rel="stylesheet" href="http://localhost:2205/css/login.css">
</head>

<body>
    <div id="root">
        <div class="left">
            <img src="http://localhost:2205/img/login.jpg" alt="">
        </div>
        <div class="right">
            <div class="top">
                <div class="logo">
                    <img src="http://localhost:2205/img/logo-mi2.png" alt="">
                    小米账号
                </div>
                <div class="nav">
                    <a href="#">用户协议</a>
                    <a href="#">用户政策</a>
                    <a href="#">帮助中心</a>
                    <span> | </span>
                    <a href="#">中文(简体)</a>
                    <span></span>
                </div>
            </div>
            <div class="mi">
                <div class="mask">
                <div class="container">
                    <span class="login">登录</span>
                    <span class="registered">注册</span>
                    <div class="text1">
                        <input class="account inp" type="text" placeholder="邮箱/手机号码/小米ID">
                        <span class="yc"></span>
                        <div class="g_g"><input  class="pas pwd" type="password" name="" id="" placeholder="密码">
                        <img class="g" src="http://localhost:2205/img/close.png" alt=""></div>
                        <input  class="chek" type="checkbox"> <span class="deal" >已阅读并同意小米账号 <a href="">用户协议</a> 和 <a href="#">隐私政策</a></span>
                       <div> <input  class="chek" id="remember" type="checkbox"> <span class="deal" >记住我</span></div>
                        <button class="btn login-btn" > <a href="http://localhost:2205/index.html"  style="color: #fff;">登录</a> </button>
                        <div class="prompt">
                            <a href="#">忘记密码？</a>
                            <a href="#">手机号登录</a>
                        </div>
                        <span>其它方式登录</span>
                        <div class="login-way">
                            <img src="http://localhost:2205/img/zfubao.png" alt="">
                            <img src="http://localhost:2205/img/weix.png" alt="">
                            <img src="http://localhost:2205/img/qq.png" alt="">
                            <img src="http://localhost:2205/img/weibo.png" alt="">
                        </div>
                    </div>
                    <div class="text2">
                        <input  class="b inp account" type="text" placeholder="请输入手机号">
                       <div class="g_g"> <input class="c inp pas" type="text" placeholder="验证码">
                        <div id="codeBox"></div></div>
                        <span class="rand"></span>
                        <button class="btn reg-btn btn_c"> <a  style="color: #fff;">登录</a></button>
                        <span>其它方式登录</span>
                        <div class="login-way">
                            <img src="http://localhost:2205/img/zfubao.png" alt="">
                            <img src="http://localhost:2205/img/weix.png" alt="">
                            <img src="http://localhost:2205/img/qq.png" alt="">
                            <img src="http://localhost:2205/img/weibo.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <span class="cp">小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</span>
            </div>
        </div>
    </div>
    <script src="http://localhost:2205/js/login.js"></script>
</body>

</html>